﻿@charset "utf-8";
/* CSS Document */

/* global */
*{-webkit-user-select:none;-ms-touch-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{padding:0;margin:0;display:block;}
audio,canvas,video{padding:0;margin:0;display:inline-block;}

html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,"\5b8b\4f53";*line-height:1.5;-ms-overflow-style:scrollbar;}

h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"\5fae\8f6f\96c5\9ed1";font-weight:500;line-height:2.0;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}

small{font-size:12px;}

address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ul,ol,li{padding:0;margin:0;list-style:none}
dl,dt,dd{padding:0;margin:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom}
img{border:0;}

table{border-collapse:collapse;border-spacing:0;}

a{text-decoration:none}
a:hover{text-decoration:none;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline: 0;}

/* input select button textarea */
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;-webkit-user-select:auto;-ms-touch-select:initial;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}

/* page mode */
.page,.pages{} /* page && pages */

#guidepg{} /* guide page */
#homepg{}  /* home page */
#channelpg{} /* channel page */
#columnpg{} /* column page */
#topicpg{} /* topic page */
#detailspg{} /* details pag */
#commentspg{} /* comments page */
#searchpg{} /* search page */
#registerpg{} /* register page */
#loginpg{} /* login page */
#memberpg{} /* member page */
#framepg{} /* frame page */
#mediapg{} /* media page */

/* header */
header{overflow:hidden;}
header > div.header-inner{overflow:hidden;}

#header{}

/* section */
section{overflow:hidden;}
section > div.section-inner{overflow:hidden;}

#section{}

/* footer */
footer{overflow:hidden;}
footer > div.footer-inner{overflow:hidden;}

#footer{}

/* frame */
div.frame{width:100%;height:100%;overflow:hidden;}
div.frame > div.frame-inner{width:100%;height:100%;overflow:hidden;}

iframe{width:100%;height:100%;padding:0;margin:0;overflow:hidden;display:block;}

/* common */
.icon .icon-list{} /* icon-list */
.menu .menu-list{} /* menu-list */
.item .item-list{} /* item-list */
.link .link-list{} /* link-list */
.gallery .gallery-list{} /* gallery-list */
.article .article-details{} /* article-details */
.product .product-details{} /* product-details */
.comment .comment-list{} /* comment-list */
.tab .tab-list{} /* tab-list */

/* ul li */
ul{padding:0;margin:0;overflow:hidden;display:block;}
ul > li{list-style:none;padding:0;margin:0;overflow:hidden;display:block;}

/* dl, dt, dd */
dl,dt,dd{overflow:hidden;display:block;}

/* form */
form{overflow:hidden;display:block;}

fieldset{margin:0;border:solid 1px #DDD;}
legend{padding:0;margin:0;border:0;}

form label{font:500 18px/2.0 tahoma,arial,"\5fae\8f6f\96c5\9ed1";}
form span{font:500 14px/2.0 tahoma,arial,"\5fae\8f6f\96c5\9ed1";}
form input[type="text"],form input[type="search"],form input[type="tel"],form input[type="url"],form input[type="email"],form input[type="password"],
form input[type="datetime"],form input[type="datetime-local"],form input[type="date"],form input[type="month"],form input[type="week"],
form input[type="time"]{font:16px/1.8 tahoma,arial,"\5fae\8f6f\96c5\9ed1";}
form input[type="number"],form input[type="range"],form input[type="color"]{}
form input[type="file"],form textarea,form select,form option,form optgroup,form datalist{font:14px/1.6 tahoma,arial,"\5fae\8f6f\96c5\9ed1";}
form input[type="button"],dl input[type="reset"],dl input[type="submit"],dl input[type="image"],dl button{font:18px/2.0 tahoma,arial,"\5fae\8f6f\96c5\9ed1";}

form input[type="checkbox"]{width:20px;height:20px;border:solid 1px #DDD;margin:10px 5px 10px 0;}
form input[type="radio"]{width:20px;height:20px;border:solid 1px #DDD;margin:10px 5px 10px 0;}
form input + label{font:16px/1.6 tahoma,arial,"\5fae\8f6f\96c5\9ed1";vertical-align:super;}
form input + img {border:none;vertical-align:bottom;cursor:pointer;}

/* popdialog */
div.popdialog{width:100%;height:100%;overflow:hidden;display:table;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10000;}
div.popdialog > div.popdialog-inner{width:100%;height:100%;overflow:hidden;display:table-cell;vertical-align:middle;background:rgba(0,0,0,0.5);}
div.popdialog > div.popdialog-inner > div.dialog{width:75%;max-width:400px;overflow:hidden;background:#FFF;margin:0 auto;border-radius:6px;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-head{background:#444;overflow:hidden;position:relative;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-head > div.dialog-title{height:34px;overflow:hidden;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-head > div.dialog-title > p{font:500 14px/34px tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#DDD;text-indent:10px;overflow:hidden;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-head > div.dialog-close{height:34px;overflow:hidden;position:absolute;right:0;top:0;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-head > div.dialog-close > a{width:34px;height:34px;font:14px/34px tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#CCC;text-align:center;overflow:hidden;display:block;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-content{padding:10px 15px;overflow:hidden;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-content > p{font:500 14px/2.0 tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#666;overflow:hidden;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-button{text-align:center;padding:0 0 15px;overflow:hidden;}
div.popdialog > div.popdialog-inner > div.dialog > div.dialog-button > input{font:14px/1.6 tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#666;width:75%;height:32px;background:#EEE;display:inline-block;border:solid 1px #CCC;margin:0 5px;border-radius:4px;text-shadow:1px 1px 1px #FFF;box-shadow:-1px -1px 1px #FFF inset;background-image:linear-gradient(#FFF,#EEE);background-image:-webkit-linear-gradient(#FFF,#EEE);background-image:-moz-linear-gradient(#FFF,#EEE);background-image:-o-linear-gradient(#FFF,#EEE);}

#progressDialog{z-index:50000;}
#progressDialog > div.popdialog-inner > div.dialog{width:180px;height:24px;background:#FFF url(loading.gif) no-repeat center center;border-radius:10px;box-shadow:0 3px 3px rgba(0,0,0,0.1);}

#messageDialog{padding:6px 14px;overflow:hidden;border-radius:10px;z-index:20000;box-shadow:0 3px 3px rgba(0,0,0,0.2);background-image:linear-gradient(#555,#444);background-image:-webkit-linear-gradient(#555,#444);background-image:-moz-linear-gradient(#555,#444);background-image:-o-linear-gradient(#555,#444);}
#messageDialog > p{font:14px/1.6 tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#FFF;}

#historyManager{width:40px;height:40px;font:22px/40px tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#EEE;text-align:center;background:#444;border-radius:20px;overflow:hidden;display:block;z-index:30000;position:fixed;left:10px;bottom:10px;background-image:linear-gradient(#555,#444);background-image:-webkit-linear-gradient(#555,#444);box-shadow:0 3px 3px rgba(0,0,0,0.2);}

/* banner */
div.banner{width:100%;overflow:hidden;position:relative;background:#FF9900;}
div.banner > ul{overflow:hidden;position:relative;}
div.banner > ul > li{list-style:none;overflow:hidden;display:block;float:left;position:absolute;left:0;top:0;}

div.banner > ul > li > a{overflow:hidden;display:block;position:relative;}
div.banner > ul > li > a > img{width:100%;border:none;display:block;}
div.banner > ul > li > a > p{width:100%;height:36px;overflow:hidden;background:rgba(0,0,0,0.5);position:absolute;left:0;right:0;bottom:0;display:block;}
div.banner > ul > li > a > p > span{width:96%;height:36px;max-width:960px;min-width:240px;font-size:14px;color:#FFF;line-height:36px;text-align:left;display:block;margin:0 auto;overflow:hidden;display:block;}

div.banner > .listbtn{width:100%;height:34px;overflow:hidden;position:absolute;left:0;bottom:0;}
div.banner > .listbtn > .listbtn-inner{width:96%;height:34px;max-width:960px;min-width:240px;text-align:right;margin:0 auto;}
div.banner > .listbtn > .listbtn-inner > a{width:8px;height:8px;color:#FFF;background:#666;overflow:hidden;margin:13px 0 13px 3px;display:inline-block;border-radius:4px;}
div.banner > .listbtn > .listbtn-inner > a.checked{color:#FFF;background:#20CBD4;}
div.banner > .listbtn > .listbtn-inner > a > span{display:none;}

div.banner > .arrowlft{width:40px;height:100%;overflow:hidden;position:absolute;left:0;top:0;bottom:0;cursor:pointer;display:none;}
div.banner > .arrowlft > a{width:100%;height:100%;background:url(banner-arrow.png) no-repeat left center;display:block;}
div.banner:hover > .arrowlft{display:block;}

div.banner > .arrowrht{width:40px;height:100%;overflow:hidden;position:absolute;right:0;top:0;bottom:0;cursor:pointer;display:none;}
div.banner > .arrowrht > a{width:100%;height:100%;background:url(banner-arrow.png) no-repeat right center;display:block;}
div.banner:hover > .arrowrht{display:block;}

div.banner > img{width:100%;border:none;display:block;}

/* slide */
div.slide{width:100%;height:100%;overflow:hidden;background:#222;position:relative;}
div.slide > ul{width:100%;height:100%;overflow:hidden;display:block;position:relative;}
div.slide > ul > li{width:100%;height:100%;list-style:none;overflow:hidden;display:block;position:absolute;left:0;top:0;right:0;bottom:0;}
div.slide > ul > li > img{width:100%;height:100%;border:none;display:block;}
div.slide > ul > li > p{width:90%;font:16px/1.6 tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#EEE;padding:10px;overflow:hidden;display:block;position:absolute;left:0;top:0;right:auto;bottom:auto;background-color:rgba(0,0,0,0.5);}
div.slide > ul > li > p:first-letter{font-size:22px;vertical-align:bottom;}

div.slide > a{padding:0;margin:0;overflow:hidden;display:block;}
div.slide > a > img{border:none;display:block;}
div.slide > a.audio{width:50px;height:50px;position:absolute;right:10px;top:10px;z-index:1000;background-size:50%;}
div.slide > a.audio > img{max-width:30px;margin:10px auto;}
div.slide > a.audio.anim{background:url(slide-music-bg.gif) no-repeat center center;}
div.slide > a.audio.anim > img{
animation:slide-audio-anim 1.2s linear infinite;
-webkit-animation:slide-audio-anim 1.2s linear infinite;
-moz-animation:slide-audio-anim 1.2s linear infinite;
-o-animation:slide-audio-anim 1.2s linear infinite;
}

@keyframes slide-audio-anim
{
0%  {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%  {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}
@-webkit-keyframes slide-audio-anim
{
0%  {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%  {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}
@-moz-keyframes slide-audio-anim
{
0%  {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%  {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}
@-o-keyframes slide-audio-anim
{
0%  {transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%  {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
}


div.slide > a.arrow{position:absolute;left:0;right:0;bottom:0;z-index:2000;}
div.slide > a.arrow > img{max-width:24px;margin:0 auto;opacity:1;
animation:slide-arrow-anim 1.5s ease-in-out infinite;
-webkit-animation:slide-arrow-anim 1.5s ease-in-out infinite;
-moz-animation:slide-arrow-anim 1.5s ease-in-out infinite;
-o-animation:slide-arrow-anim 1.5s ease-in-out infinite;
}

@keyframes slide-arrow-anim
{
0%  {margin-bottom:0px;opacity:1;}
75% {margin-bottom:20px;opacity:0;}
100% {margin-bottom:0px;opacity:0;}
}
@-webkit-keyframes slide-arrow-anim
{
0%  {margin-bottom:0px;opacity:1;}
75% {margin-bottom:20px;opacity:0;}
100% {margin-bottom:0px;opacity:0;}
}
@-moz-keyframes slide-arrow-anim
{
0%  {margin-bottom:0px;opacity:1;}
75% {margin-bottom:20px;opacity:0;}
100% {margin-bottom:0px;opacity:0;}
}
@-o-keyframes slide-arrow-anim
{
0%  {margin-bottom:0px;opacity:1;}
75% {margin-bottom:20px;opacity:0;}
100% {margin-bottom:0px;opacity:0;}
}

/* paging */
div.paging{padding:10px 0;text-align:center;overflow:hidden;display:none;}
div.paging > a{font:16px/36px tahoma,arial,"\5fae\8f6f\96c5\9ed1";color:#999;text-align:center;display:block;}
div.paging > a.link{border-radius:4px;border:solid 1px #DDD;padding:0 8px;margin:0 4px;display:inline-block;background:rgba(255,255,255,0.5);}
div.paging > select{height:36px;font-size:medium;color:#666;line-height:36px;padding:0 8px;margin:0 4px;border:solid 1px #DDD;border-radius:4px;display:inline-block;background:rgba(255,255,255,0.5);}